<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<script data-lazy-src="${WebUrl}/js/jquery.timers-1.2.js"></script>
  </head>
 <body>
   <ol class="breadcrumb">
  <li><a href="${WebUrl}/index.html">首页</a></li>
  <li class="active">电视剧</li>
</ol>
 <div class="cooge_gallery" style="width: 1044px;height: 316px;background-color: blue;">
 	<ul class="max">
 		<img alt="" data-lazy-src="${WebUrl}/image/aa.jpg">
 	</ul>
 	<div class="buttom">
 	<a href="javascript:void(0)"><img alt="" data-lazy-src="${WebUrl}/image/site-focus-btnLeft.png"></a>
 	<div class="show_min_img">
 	<ul class="min">
 		<li><a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"></a></li>
 		<li><a href="#"><img alt="" data-lazy-src="${WebUrl}/image/bb.jpg"></a></li>
 		<li><a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"></a></li>
 		<li><a href="#"><img alt="" data-lazy-src="${WebUrl}/image/bb.jpg"></a></li>
 		<li><a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg"></a></li>
 		<li><a href="#"><img alt="" data-lazy-src="${WebUrl}/image/bb.jpg"></a></li>
 	</ul>
 	</div>
 	<a href="javascript:void(0)"><img alt="" data-lazy-src="${WebUrl}/image/site-focus-btnRight.png"></a>
 	</div>
 </div>
<div class="type">
	<div class="title bg-success"><span style="font-size: 24px;color: #699f00;">最近更新</span></div>
	<div class="type_A">
	  <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	</div>
</div>
<div class="type">
	<div class="title bg-success"><span style="font-size: 24px;color: #699f00;">推荐</span></div>
	<div class="type_A">
	  <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	 <div class="show_view_icon">
	 	<a href="#"><img alt="" data-lazy-src="${WebUrl}/image/aa.jpg" class="min-img"></a>
	 	<div class="show_view_title"><span>小猫的自白</span></div>
	</div>
	</div>
</div>
 
 <script type="text/javascript">
 (function ($) {
    var galler={
    			init:function(element){
    				var el = $(element);
    				var img = el.find(".max").find("img");
    				img.height(el.height());
    				img.width(el.width());
    				var show_min_img = el.find(".show_min_img");
    				show_min_img.width(el.width()-60);
    				var min = el.find(".min");
    				min.find("li").each(function(index,ele){
    			    	
    					$(this).find("img").mouseenter(function(){
    						img.attr("data-lazy-src",$(this).attr("data-lazy-src"));
    					});
    				});
    			},
				 a:function(element){
					 
				 }
	};
	 $.fn.galleryView = function(options){
		 galler.init(this);
	 };
 })(jQuery);
 
 $(function(){
	 
	 $(".cooge_gallery").galleryView();
	 
 });
 </script>
</body>
</html>
